<template>
	<van-nav-bar
	  title="个人资料"
	  left-arrow
	  @click-left="onClickLeft"
	/>
	
	
	<van-cell title="真实姓名" is-link value="张三" />
	<van-cell title="城市" is-link value="湖南省长沙市" />
	<van-cell title="手机号" is-link value="176****6666" />
	<van-cell title="身份证号" is-link value="3723************88" />	  
	<van-cell title="生日" is-link value="2022-11-04" /> 
	<van-field name="radio" label="性别">
	  <template #input>
	    <van-radio-group v-model="checked" direction="horizontal" >
	      <van-radio name="1">男</van-radio>
	      <van-radio name="2">女</van-radio>
	    </van-radio-group>
	  </template>
	</van-field>

	
	
</template>

<script lang="ts" setup>
	import { ImagePreview } from 'vant';
	import 'vant/es/image-preview/style';
	import { ref } from 'vue';
	
	
	
	const onClickLeft = () => history.back();
	const VanImagePreview = ImagePreview.Component;
	function preview(){
		 ImagePreview({
		   images: [
		     'https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg',
		   ],
		   closeable: true,
		 });
	}
	
	const checked = ref('1');
	
</script>

<style>
</style>